<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<title>Web代码演示 >> Java就是老大</title>
<meta name="keywords" content="Java,J2EE,Javascript,CSS,HTML" />
<meta name="description" content="Web前端开发代码演示." />
<meta name="Robots" content= "all">
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link href="/style.css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(function(){
	setTimeout(showlist,1000);
	function showlist(){
		$.ajax({
		  type: 'GET',
		  url: '/demo.json',
		  cache: false,
		  dataType: 'json',
		  success: function(data){
			var li = '';
			for(var i in data){
				li += "<li><a href="+data[i].url+" target='_blank'>"+ data[i].id +"</a>　"+data[i].desc+"　<span class='gn'>"+data[i].tags+"</span></li>";
			}
				$('#demo_list').html(li).animate({height:450},'slow');
		   }
		});
	}
});
</script>
<script src="/js/plus.js"></script>
</head>
<body>
<div id="logo">
	<img src="/images/logo.png" alt="Logo">
	<h1>wind's page</h1>
	<p><em> a zone 4 a coder </em></p>
</div>
<div id="header">
	<div id="menu">
		<ul>
			<li><a href="/index.html">Home</a></li>
			<li><a href="/resume.html">Resume</a></li>
			<li><a href="/gallery.html">Gallery</a></li>
            <li><a href="/demo.html" class='current'>Demo</a></li>
			<li><a href="/other.html">Other</a></li>
		</ul>
	</div>
    <div id="search">
    	<g:plusone href="http://www.aceyo.com" size="medium"></g:plusone><br />
        <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=562747059&site=qq&menu=yes"><img border="0" width="59" height="16" src="http://wpa.qq.com/pa?p=2:562747059:46" alt="企鹅号" title="企鹅号"></a>
	</div>
</div>
<div id="page">
	<b>HTML Javascript CSS jQuery 等前端开发的Demo.</b>
	<div style="width:880px;">
	<ul id="demo_list" style="height:60px;border:1px dashed #4999CB;margin-top:10px;list-style-type:circle;font-size:16px;">
		<div style='background:url(/images/loading1.gif);width:40px;height:26px;margin:10px auto;'></div>
	</ul>
	</div>
</div>

</div>
<div id="footer">
	<p>Copyright (c) 2011 Aceyo.com. All rights reserved. <br /><img src="http://new.cnzz.com/v1/images/icon/icon.gif" border="0"> <script src="http://s23.cnzz.com/stat.php?id=3684523&web_id=3684523&online=1&show=line"></script></p>
</div>
</body>
</html>